<template>
    <div id="app">
        <router-view/>
    </div>
</template>
<style lang="stylus">
    @import "./assets/fonts/iconfont/iconfont.css";
    @import "~animate.css/animate.min.css"
    #app
        font-size 14px;
        min-height 100vh;
        position relative;

    div, p
        box-sizing border-box

    img
        content: normal !important;

    .ellipsis
        overflow hidden
        text-overflow ellipsis;
        white-space nowrap

    .ellipsis-2
        text-overflow ellipsis;
        overflow hidden;
        display -webkit-box;
        -webkit-box-orient vertical;
        -webkit-line-clamp 2;

    .clearfix
        &::before, &::after
            content '';
            display block;
            height 0;
            clear both;
            visibility hidden;

    body
        /* 禁用默认的下拉刷新和边界效果,但是依然可以进行滑动导航 */
        overscroll-behavior-y none;

    //    全局无数据样式
    .no-data
        height 50px;
        font-size 13px;
        text-align center;
        line-height 50px;


    /* 全局过度效果 */
    .slide-right-enter-active, .slide-right-leave-active, .slide-left-enter-active, .slide-left-leave-active
        will-change transform;
        transition all 200ms;
        position absolute;

    .slide-right-enter
        opacity 0;
        transform translate3d(-100%, 0, 0);

    .slide-right-leave-active
        opacity 0;
        transform translate3d(100%, 0, 0);


    .slide-left-enter
        opacity 0;
        transform translate3d(100%, 0, 0);

    .slide-left-leave-active
        opacity 0;
        transform translate3d(-100%, 0, 0);

    .fade-enter
        opacity 0;

    .fade-leave
        opacity 1;

    .fade-enter-active
        transition opacity .2s;

    .fade-leave-active
        opacity 0;
        transition opacity .2s;


    //  弹窗样式
    .exam-title
        font-size 14px;
        line-height 17px;

        p
            padding 0 10px;

        .exam-title-img
            width 100%;
            margin-bottom: 10px;
            height 160px;
            background-size 100% !important;
            background-repeat no-repeat !important;

        .exam-title-img-1
            background url("/assets/image/submit-exam-1.jpg");

        .exam-title-img-2
            background url("/assets/image/submit-exam-2.jpg");

        .exam-title-img-3
            background url("/assets/image/submit-exam-3.jpg");

        .exam-title-img-4
            background url("/assets/image/submit-exam-4.jpg");

    .exam-title-content
        text-align center;
        font-size 17px;


</style>
